<script setup lang="ts">
// import SJ_ZL from "./components/事件和指令.vue";
// import Ref from "./components/Ref.vue";
// import Reactive from "./components/Reactive.vue";
// import toRef_toRefs_toRaw from "./components/toRef, toRefs, toRaw.vue";
// import Computed from "./components/computed.vue";
// import Watch from "./components/watch.vue";
// import WatchEffect from "./components/watchEffect.vue";
// import Liefecycle from "./components/生命周期/index.vue";
// import BEM from "./components/BEM架构/index.vue";
// import Layout from "./Layout/index.vue";
// import Father from "./components/父子组件传参/Father.vue";
// import WaterFallVue from "./components/父子组件传参/WaterFallVue.vue";
// import DTZJ from "./components/动态组件/index.vue";
// import DGZJ from "./components/递归组件/index.vue";
// import Slot from "./components/插槽slot/index.vue";
// import YN_FB_SUP from "./components/异步组件&代码分包&suspense/index.vue";
// import Teleport from "./components/Teleport传送组件/index.vue";
// import KeepAlive from "./components/keep-alive缓存组件/index.vue";
// import Transitio1 from "./components/transition动画组件/index.vue";
// import Transition2 from "./components/transiton平面过度动画酷炫效果/index.vue";
// import Transition3 from "./components/transition状态过渡/index.vue";
// import PI from "./components/依赖注入Provide，Inject/index.vue";
// import XD_BUS from "./components/兄弟组件传参&Bus/index.vue";
// import Mitt from "./components/Mitt/index.vue";
// import TSX_VITE from "./components/tsx&vite插件/index.vue";
// import ZDYZL from "./components/自定义指令/index.vue";
// import ZDYZL_JQ from "./components/自定义指令-鉴权/index.vue";
// import ZDYZL_TD from "./components/自定义指令-拖动/index.vue";
// import ZDYZL_TPLJZ from "./components/自定义指令-图片懒加载/index.vue";
// import Hooks from "./components/自定义hooks/index.vue";
// import Hooks_NPM from "./components/自定义hooks-自己发布的npm包/index.vue";
// import QJHS_BL from "./components/全局函数和变量/index.vue";
// import VUE_CJ from "./components/自定义vue插件/index.vue";
// import CSS from "./components/CSS完整新特性/index.vue";
// import TailwindCss from "./components/tailwindCss/index.vue";
// import H5 from "./components/H5适配/index.vue";
// import HS from "./components/函数式编程,h函数/index.vue";
// import VUE_HBY from "./components/Vue3.3编译宏/index.vue";
// import HJBL from "./components/环境变量/index.vue";
// import WebComponents from "./components/web_Components/index.vue";
</script>

<template>
  <div>
    <!-- <component :is="WebComponents"></component> -->

    <!-- 路由页面 -->
    <router-view></router-view>
  </div>
</template>

<style lang="scss">
#app {
  @include bfc;
}
</style>
